<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>优房数据房产报告（免费版）</title>
    <link rel="icon" type="text/css" th:href="@{/img/logoIc.png}"/>
    <!--公共样式-->
    <link th:href="@{/css/base.css}" rel="stylesheet"/>
    <link th:href="@{/css/freePayReport.css}" rel="stylesheet"/>
</head>
<body>

<!--标题-->
<section class="header-box">
    <div class="container">
        <div class="row">
            <img th:src="@{/img/logo.png}" />
            <h3 class="title">优房数据房产报告（免费版）</h3>
        </div>
    </div>
</section>

<!--房源图片-->
<section class="public-header-content" id="housePhoto-box">
    <div class="container">
        <div class="row">
            <div class="header">
                <i></i>房源图片
            </div>
            <div class="content">
                <article>
                    <img th:each="photo:${photos}" th:src="'http://youhome.oss-cn-zhangjiakou.aliyuncs.com/'+${photo}+'?x-oss-process=image/resize,m_fill,h_200,w_380'"/>
                </article>
            </div>
        </div>
    </div>
</section>

<!--基本信息-->
<div class="public-header-content" id="houseDetails-box">
    <div class="container">
        <div class="row">
            <div class="header">
                <i></i>基本信息
            </div>
            <div class="content">
                <div class="houseDetails-content">
                    <aside th:each="item:${HouseBasicInfo}" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <div th:text="${item.key}">：</div>
                        <div th:text="${item.value}"></div>
                    </aside>
                </div>
            </div>
        </div>
    </div>
</div>

<!--房源特征-->
<div class="public-header-content" id="characteristicsInfo-box">
    <div class="container">
        <div class="row">
            <div class="header">
                <i></i>房源特征
            </div>
            <div class="content">
                <div class="characteristicsInfo-content">
                    <aside th:each="item:${Characteristics}" class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                        <div th:text="${item.key}">：</div>
                        <div th:text="${item.value}"></div>
                    </aside>
                </div>
            </div>
        </div>
    </div>
</div>

<!--学校-->
<div class="public-header-content school-box">
    <div class="container">
        <div class="row">
            <div class="header">
                <i></i>学校
            </div>
            <div class="content">
                <div id="elementarySchools">
                    <h3>小学</h3>
                    <table class="table">
                        <thead>
                        <tr class="table-header">
                            <th class="col4">学校名称</th>
                            <th class="col3">地址</th>
                            <th class="col1">类型</th>
                            <th class="col2">年级</th>
                            <th class="col2">家长评分</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="school:${school.elementary}">
                            <td class="col4" th:text="${school.name}"></td>
                            <td class="col3" th:text="${school.address}"></td>
                            <td class="col1" th:text="${school.admission}"></td>
                            <td class="col2" th:text="${school.grade}"></td>
                            <td class="col2" th:switch="${school.reviewRating}">
                                <p th:case="0"><i>★</i><i>★</i><i>★</i><i>★</i><i>★</i></p>
                                <p th:case="1"><span>★</span><i>★</i><i>★</i><i>★</i><i>★</i></p>
                                <p th:case="2"><span>★</span><span>★</span><i>★</i><i>★</i><i>★</i></p>
                                <p th:case="3"><span>★</span><span>★</span><span>★</span><i>★</i><i>★</i></p>
                                <p th:case="4"><span>★</span><span>★</span><span>★</span><span>★</span><i>★</i></p>
                                <p th:case="5"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></p>
                                <p th:case="*">-</p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div id="middleSchools">
                    <h3>初中</h3>
                    <table class="table">
                        <thead>
                        <tr class="table-header">
                            <th class="col4">学校名称</th>
                            <th class="col3">地址</th>
                            <th class="col1">类型</th>
                            <th class="col2">年级</th>
                            <th class="col2">家长评分</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="school:${school.middle}">
                            <td class="col4" th:text="${school.name}"></td>
                            <td class="col3" th:text="${school.address}"></td>
                            <td class="col1" th:text="${school.admission}"></td>
                            <td class="col2" th:text="${school.grade}"></td>
                            <td class="col2" th:switch="${school.reviewRating}">
                                <p th:case="0"><i>★</i><i>★</i><i>★</i><i>★</i><i>★</i></p>
                                <p th:case="1"><span>★</span><i>★</i><i>★</i><i>★</i><i>★</i></p>
                                <p th:case="2"><span>★</span><span>★</span><i>★</i><i>★</i><i>★</i></p>
                                <p th:case="3"><span>★</span><span>★</span><span>★</span><i>★</i><i>★</i></p>
                                <p th:case="4"><span>★</span><span>★</span><span>★</span><span>★</span><i>★</i></p>
                                <p th:case="5"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></p>
                                <p th:case="*">-</p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div id="highSchools">
                    <h3>高中</h3>
                    <table class="table">
                        <thead>
                        <tr class="table-header">
                            <th class="col4">学校名称</th>
                            <th class="col3">地址</th>
                            <th class="col1">类型</th>
                            <th class="col2">年级</th>
                            <th class="col2">家长评分</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="school:${school.high}">
                            <td class="col4" th:text="${school.name}"></td>
                            <td class="col3" th:text="${school.address}"></td>
                            <td class="col1" th:text="${school.admission}"></td>
                            <td class="col2" th:text="${school.grade}"></td>
                            <td class="col2" th:switch="${school.reviewRating}">
                                <p th:case="0"><i>★</i><i>★</i><i>★</i><i>★</i><i>★</i></p>
                                <p th:case="1"><span>★</span><i>★</i><i>★</i><i>★</i><i>★</i></p>
                                <p th:case="2"><span>★</span><span>★</span><i>★</i><i>★</i><i>★</i></p>
                                <p th:case="3"><span>★</span><span>★</span><span>★</span><i>★</i><i>★</i></p>
                                <p th:case="4"><span>★</span><span>★</span><span>★</span><span>★</span><i>★</i></p>
                                <p th:case="5"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></p>
                                <p th:case="null">-</p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <aside id="school-Introduction">
                    <p>美国学校年级制度：小学分为1~5年级、初中分为6~8年级、高中分为9~12年级、大学普通学生要就读四年，部分优等生2、3年便可以完成课程，开始实习工作。</p>
                    <p>以上学校和学区信息仅供参考，如需确认，请通过经纪人或者直接与学校联系。</p>
                </aside>
            </div>
        </div>
    </div>
</div>

<!--房产数据-->
<div class="public-header-content houseData-chartBox">
    <div class="container">
        <div class="row">
            <div class="header">
                <i></i>房产数据
            </div>
            <div class="content">
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" id="thisPrice-chart-box">
                    <div class="inside">
                        <header>此房源价格与附近均价对比</header>
                        <div class="chartBox">
                            <div class="chart-div" id="thisPrice-chart"></div>
                            <h5>暂无数据！</h5>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" id="thisAveragePriceSqft-chart-box">
                    <div class="inside">
                        <header>此房源每平方英尺价格与附近均价对比</header>
                        <div class="chartBox">
                            <div class="chart-div" id="thisAveragePriceSqft-chart"></div>
                            <h5>暂无数据！</h5>
                            <p></p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Commuteindex-chart-box">
                    <div class="inside">
                        <header>本区域通勤指数</header>
                        <div class="chartBox">
                            <div class="chart-div" id="Commuteindex-chart"></div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" id="currentHomeValueForecast-chart-box">
                    <div class="inside">
                        <header>此房源明年房价预测</header>
                        <div class="chartBox">
                            <div class="chart-div" id="currentHomeValueForecast-chart"></div>
                            <h5>暂无数据！</h5>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" id="currentZipcodeValueForecast-chart-box">
                    <div class="inside">
                        <header>本区域明年均价预测</header>
                        <div class="chartBox">
                            <div class="chart-div" id="currentZipcodeValueForecast-chart"></div>
                            <h5>暂无数据！</h5>
                            <p></p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Affordability-box">
                    <div class="inside">
                        <header>购房指数</header>
                        <div class="chartBox" style="min-height: 140px; padding: 20px;">
                            <article id="Affordability1"></article>
                            <article id="Affordability2"></article>
                            <article id="Affordability3"></article>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="rent-chart-box">
                    <div class="inside">
                        <header>本区域房租走势（美元/平方英尺）</header>
                        <div class="chartBox">
                            <button type="button" class="btn btn-info active" value="5">过去5年</button>
                            <div class="chart-div" id="rent-chart"></div>
                            <p>图表上的圆形标注点为每平方英尺租金历史数据最大值及最小值。</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="mom-chart-box">
                    <div class="inside">
                        <header>本区域房价环比增长率</header>
                        <div class="chartBox">
                            <button type="button" class="btn btn-info active" value="5">过去5年</button>
                            <div class="chart-div" id="mom-chart"></div>
                            <p>图表上环比增长率在0%以上代表此地区房价相比上月上涨，在0%以下代表下跌。连续在0%以上代表此地区房价上涨趋势及其良好，连续在0%以下代表房价连续下降。</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="yoy-chart-box">
                    <div class="inside">
                        <header>本区域房价同比增长率</header>
                        <div class="chartBox">
                            <button type="button" class="btn btn-info active" value="5">过去5年</button>
                            <div class="chart-div" id="yoy-chart"></div>
                            <p>图表上同比增长率在0%以上代表此地区房价相比去年为上涨，在0%以下代表下跌。连续在0%以上代表此地区房价连年上涨，连续在0%以下代表房价连年下跌。</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<!--地图——学区信息-->
<div class="public-header-content map-img-box">
    <div class="container">
        <div class="row">
            <div class="header">
                <i></i>地图——学区信息
            </div>
            <div class="content">
                <div class="instructions-box">
                    <ul class="clearfix">
                        <li>颜色说明：</li>
                        <li><i style="background:#008000"></i>小学</li>
                        <li><i style="background:#4169e1"></i>初中</li>
                        <li><i style="background:#800000"></i>高中</li>
                    </ul>
                </div>
                <div class="map-school-img-box">
                    <aside id="SchoolPolygonResult-box">
                        <h5>所有学校的范围</h5>
                        <img th:if="${SchoolPolygonResult != null}" th:src="${SchoolPolygonResult}" />
                    </aside>
                    <aside id="SchoolMarkerResult-box">
                        <h5>所有学校坐标</h5>
                        <img th:if="${SchoolMarkerResult != null}" th:src="${SchoolMarkerResult}" />
                    </aside>
                    <aside id="elementary_school_polygon_map-box">
                        <h5>小学学校范围坐标</h5>
                        <img th:if="${elementary_school_polygon_map != null}" th:src="${elementary_school_polygon_map}" />
                    </aside>
                    <aside id="middle_school_polygon_map-box">
                        <h5>初中学校范围坐标</h5>
                        <img th:if="${middle_school_polygon_map != null}" th:src="${middle_school_polygon_map}" />
                    </aside>
                    <aside id="high_school_polygon_map-box">
                        <h5>高中学校范围坐标</h5>
                        <img th:if="${high_school_polygon_map != null}" th:src="${high_school_polygon_map}" />
                    </aside>
                </div>
            </div>
        </div>
    </div>
</div>

<!--地图——周边信息-->
<div class="public-header-content map-img-box" id="POIResult-box">
    <div class="container">
        <div class="row">
            <div class="header">
                <i></i>地图——周边信息
            </div>
            <div class="content">
                <div class="instructions-box">
                    <ul class="clearfix">
                        <li>颜色说明：</li>
                        <li><i style="background:#ff0000"></i>娱乐</li>
                        <li><i style="background:#ffff00"></i>汽车</li>
                        <li><i style="background:#00ff00"></i>美容</li>
                        <li><i style="background:#00ffff"></i>教育</li>
                        <li><i style="background:#0000ff"></i>服务</li>
                        <li><i style="background:#ff00ff"></i>金融</li>
                        <li><i style="background:#808080"></i>食品</li>
                        <li><i style="background:#008000"></i>健康</li>
                        <li><i style="background:#800000"></i>家政</li>
                        <li><i style="background:#000080"></i>酒店</li>
                        <li><i style="background:#808000"></i>本地生活</li>
                        <li><i style="background:#800080"></i>本地媒体</li>
                        <li><i style="background:#c0c0c0"></i>本地服务</li>
                        <li><i style="background:#008080"></i>夜生活</li>
                        <li><i style="background:#2f4f4f"></i>宠物</li>
                        <li><i style="background:#483d8b"></i>专业服务</li>
                        <li><i style="background:#ff0000"></i>政府</li>
                        <li><i style="background:#ff8c00"></i>房地产</li>
                        <li><i style="background:#9932cc"></i>户外</li>
                        <li><i style="background:#adff2f"></i>宗教</li>
                        <li><i style="background:#3cb371"></i>餐馆</li>
                        <li><i style="background:#008b8b"></i>购物</li>
                        <li><i style="background:#f4a460"></i>旅游</li>
                    </ul>
                </div>
                <div class="map-POI-img-box">
                    <aside>
                        <img th:if="${POIResult != null}" th:src="${POIResult}" />
                    </aside>
                </div>
            </div>
        </div>
    </div>
</div>

</body>


<!--同步引入-->
<script type='text/javascript'>
    document.write('<scr'+'ipt src="/js/jquery.min.js"></scr'+'ipt>');
</script>
<script type='text/javascript'>
    document.write('<scr'+'ipt src="/js/echarts.common.min.js"></scr'+'ipt>');
</script>
<!--货币格式化-->
<script type='text/javascript'>
    document.write('<scr'+'ipt src="/js/accounting.min.js"></scr'+'ipt>');
</script>
<!--全局公共方法和配置初始化-->
<script type='text/javascript'>
    document.write('<scr'+'ipt src="/js/freePayReportPublic.js"></scr'+'ipt>');
</script>

<script type="text/javascript" th:inline="javascript">
    // ----------------------------房源图片----------------------------
    var photos = [[${photos}]];
    houseImgFN(photos);

    //----------------------------基本信息----------------------------
    var HouseBasicInfo = [[${HouseBasicInfo}]];
    basicInfoFN(HouseBasicInfo);

    //----------------------------房源特征----------------------------
    characteristicsInfoFN([[${Characteristics}]]);

    //----------------------------学校信息----------------------------
    schoolFN([[${school}]]);

    //----------------------------此房源价格与附近均价对比——柱状图----------------------------
    var HPMSPRRData = [[${HousePriceMedianSalesPriceRatioResult}]];
    if(HPMSPRRData){
        if(HPMSPRRData.medianSalesPrice || HPMSPRRData.price || HPMSPRRData.ratio){
            $('#thisPrice-chart-box').find('h5').hide();
            if(HPMSPRRData.ratio == '' || HPMSPRRData.ratio == null || HPMSPRRData.ratio == 0){
                $('#thisPrice-chart-box').find('p').hide();
            }else{
                $('#thisPrice-chart-box').find('p').show().text('此房源价格约为附近均价的'+ accounting.formatMoney(HPMSPRRData.ratio * 100, "", 2, "", ".", "%s%v") +'%，'+ is_below_above(accounting.formatMoney(HPMSPRRData.ratio * 100, "", 2, "", ".", "%s%v"))).show();
            }
            //判断高于或低于附近均价
            function is_below_above(data) {
                val = '';
                if(data > 100){
                    val = '高于附近均价。';
                }else{
                    val = '低于附近均价。';
                }
                return val;
            }
            get_thisPrice_thisAveragePriceSqft(HPMSPRRData.price, HPMSPRRData.medianSalesPrice, 'thisPrice-chart', ["此房源价格","附近均价"]);
        }else{
            $('#thisPrice-chart-box').find('h5').show();
            $('#thisPrice-chart-box').find('p').hide();
        }
    }else{
        $('#thisPrice-chart-box').find('h5').show();
        $('#thisPrice-chart-box').find('p').hide();
    }

    //----------------------------此房源每平方英尺价格与附近均价对比——柱状图----------------------------
    var HPMSPRSQRData = [[${HousePriceMedianSalesPriceRatioSQFTResult}]];
    if(HPMSPRSQRData){
        if(HPMSPRSQRData.medianSalesPrice || HPMSPRSQRData.price || HPMSPRSQRData.ratio){
            $('#thisAveragePriceSqft-chart-box').find('h5').hide();
            if(HPMSPRSQRData.ratio == '' || HPMSPRSQRData.ratio == null || HPMSPRSQRData.ratio == 0){
                $('#thisAveragePriceSqft-chart-box').find('p').hide();
            }else{
                $('#thisAveragePriceSqft-chart-box').find('p').show().text('此房源每平方英尺价格约为附近均价的'+ accounting.formatMoney(HPMSPRSQRData.ratio * 100, "", 2, "", ".", "%s%v") +'%。').show();
            }
            get_thisPrice_thisAveragePriceSqft(HPMSPRSQRData.price, HPMSPRSQRData.medianSalesPrice, 'thisAveragePriceSqft-chart', ["此房源价格","附近均价"]);
        }else{
            $('#thisAveragePriceSqft-chart-box').find('h5').show();
            $('#thisAveragePriceSqft-chart-box').find('p').hide();
        }

    }else{
        $('#thisAveragePriceSqft-chart-box').find('h5').show();
        $('#thisAveragePriceSqft-chart-box').find('p').hide();
    }

    //----------------------------通勤指数——饼图----------------------------
    var CommuteIndexData = [[${CommuteIndex}]];
    if(CommuteIndexData){
        if(CommuteIndexData.bike || CommuteIndexData.car || CommuteIndexData.foot || CommuteIndexData.transit){
            $('#Commuteindex-chart-box').show();
            get_Commuter_index(CommuteIndexData.bike, CommuteIndexData.car, CommuteIndexData.foot, CommuteIndexData.transit);
        }else{
            $('#Commuteindex-chart-box').hide();
        }
    }else{
        $('#Commuteindex-chart-box').hide();
    }

    //----------------------------此房源明年房价预测——柱状图----------------------------
    var PriceForecastResultData = [[${priceForecastResult}]];
    if(PriceForecastResultData){
        if(PriceForecastResultData.current_price || PriceForecastResultData.forecast_price || PriceForecastResultData.rise){
            $('#currentHomeValueForecast-chart-box').find('h5').hide();
            if(PriceForecastResultData.forecast_price == '' || PriceForecastResultData.forecast_price == null || PriceForecastResultData.forecast_price == 0){
                $('#currentHomeValueForecast-chart-box').find('p').hide();
            }else{
                $('#currentHomeValueForecast-chart-box').find('p').show().text('优房数据预计明年此房源价格为'+ accounting.formatMoney(PriceForecastResultData.forecast_price, "$", 0) +'，相对今年涨幅为'+ accounting.formatMoney(PriceForecastResultData.rise, "", 2, "", ".", "%s%v") +'%。').show();
            }
            get_thisPrice_thisAveragePriceSqft(PriceForecastResultData.current_price, PriceForecastResultData.forecast_price, 'currentHomeValueForecast-chart', ["今年价格","明年价格"]);
        }else{
            $('#currentHomeValueForecast-chart-box').find('h5').show();
            $('#currentHomeValueForecast-chart-box').find('p').hide();
        }
    }else{
        $('#currentHomeValueForecast-chart-box').find('h5').show();
        $('#currentHomeValueForecast-chart-box').find('p').hide();
    }

    //----------------------------本区域明年均价预测——柱状图----------------------------
    var priceForecastZipResultData = [[${priceForecastZipResult}]];
    if(priceForecastZipResultData){
        if(priceForecastZipResultData.current_price || priceForecastZipResultData.forecast_price || priceForecastZipResultData.rise){
            $('#currentZipcodeValueForecast-chart-box').find('h5').hide();
            if(priceForecastZipResultData.forecast_price == '' || priceForecastZipResultData.forecast_price == null || priceForecastZipResultData.forecast_price == 0){
                $('#currentZipcodeValueForecast-chart-box').find('p').hide();
            }else{
                $('#currentZipcodeValueForecast-chart-box').find('p').show().text('优房数据预计明年本区域均价为'+ accounting.formatMoney(priceForecastZipResultData.forecast_price, "$", 0) +'，相对今年涨幅为'+ accounting.formatMoney(priceForecastZipResultData.rise, "", 2, "", ".", "%s%v") +'%。').show();
            }
            get_thisPrice_thisAveragePriceSqft(priceForecastZipResultData.current_price, priceForecastZipResultData.forecast_price, 'currentZipcodeValueForecast-chart', ["今年价格","明年价格"]);
        }else{
            $('#currentZipcodeValueForecast-chart-box').find('h5').show();
            $('#currentZipcodeValueForecast-chart-box').find('p').hide();
        }
    }else{
        $('#currentZipcodeValueForecast-chart-box').find('h5').show();
        $('#currentZipcodeValueForecast-chart-box').find('p').hide();
    }

    //----------------------------购房指数——文字说明----------------------------
    var AffordabilityResultData = [[${affordabilityResult}]];
    if(AffordabilityResultData){
        if(AffordabilityResultData.mortgage_affordability || AffordabilityResultData.price_to_income || AffordabilityResultData.rent_affordability){
            $('#Affordability-box').show();
            $('#Affordability1').text('在此地区购房，需要花费 '+ accounting.formatMoney(AffordabilityResultData.price_to_income, "", 2, "", ".", "%s%v") +'年家庭收入。')
            $('#Affordability2').text('如果在此区域购房，每个月负担的贷款需要花费 '+ accounting.formatMoney(AffordabilityResultData.mortgage_affordability * 100, "", 2, "", ".", "%s%v") +'%的家庭月收入。')
            $('#Affordability3').text('如果在此区域租房，租金花费约占用家庭月收入的 '+ accounting.formatMoney(AffordabilityResultData.rent_affordability * 100, "", 2, "", ".", "%s%v") +'%。')
        }else{
            $('#Affordability-box').hide();
        }
    }else{
        $('#Affordability-box').hide();
    }

    //----------------------------本区域房租走势——折线图----------------------------
    var RentTrendResultData = [[${RentTrendResult}]];
    if(!$.isEmptyObject(RentTrendResultData)){
        $('#rent-chart-box').show();
        get_rent_sqft(RentTrendResultData);
    }else{
        $('#rent-chart-box').hide();
    }

    //----------------------------本区域房价环比增长率——折线图----------------------------
    var momData = [[${mom}]];
    if(!$.isEmptyObject(momData)){
        $('#mom-chart-box').show();
        get_mom_yoy(momData, 'mom-chart');
    }else{
        $('#mom-chart-box').hide();
    }

    //----------------------------本区域房价同比增长率——折线图----------------------------
    var yoyData = [[${yoy}]];
    if(!$.isEmptyObject(yoyData)){
        $('#yoy-chart-box').show();
        get_mom_yoy(yoyData, 'yoy-chart');
    }else{
        $('#yoy-chart-box').hide();
    }

    //----------------------------地图——学区信息——所有学校的范围----------------------------
    var SchoolPolygonResult = [[${SchoolPolygonResult}]];
    if(SchoolPolygonResult != null){
        $('#SchoolPolygonResult-box').show();
    }else{
        $('#SchoolPolygonResult-box').hide();
    }

    //----------------------------地图——学区信息——所有学校坐标----------------------------
    var SchoolMarkerResult = [[${SchoolMarkerResult}]];
    if(SchoolMarkerResult != null){
        $('#SchoolMarkerResult-box').show();
    }else{
        $('#SchoolMarkerResult-box').hide();
    }

    //----------------------------地图——学区信息——小学学校范围坐标----------------------------
    var elementary_school_polygon_map = [[${elementary_school_polygon_map}]];
    if(elementary_school_polygon_map != null){
        $('#elementary_school_polygon_map-box').show();
    }else{
        $('#elementary_school_polygon_map-box').hide();
    }

    //----------------------------地图——学区信息——初中学校范围坐标----------------------------
    var middle_school_polygon_map = [[${middle_school_polygon_map}]];
    if(middle_school_polygon_map != null){
        $('#middle_school_polygon_map-box').show();
    }else{
        $('#middle_school_polygon_map-box').hide();
    }

    //----------------------------地图——学区信息——高中学校范围坐标----------------------------
    var high_school_polygon_map = [[${high_school_polygon_map}]];
    if(high_school_polygon_map != null){
        $('#high_school_polygon_map-box').show();
    }else{
        $('#high_school_polygon_map-box').hide();
    }

    //----------------------------地图——周边信息----------------------------
    var POIResult = [[${POIShortResult}]];
    if(POIResult != null){
        $('#POIResult-box').show();
    }else{
        $('#POIResult-box').hide();
    }

</script>
</html>